
.safe-area-inset-bottom {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

page {
	background-color: #F2F2F2;
}

/* flex样式 */
.flex {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.line{
	height: 2rpx;
	background: #F5F5F5;
}
.flex-1 {
	display: flex;
	flex: 1;
}

.flex-shrink-0 {
	display: flex;
	flex-shrink: 0;
}
.justify-between{
	@extend .flex;
	justify-content: space-between;
}
.flex-between {
	@extend .flex;
	justify-content: space-between;
}

.flex-evenly {
	justify-content: space-evenly;
}

.flex-end {
	@extend .flex;
	justify-content: flex-end;
	text-align: end;
}

.flex-justify-center {
	display: flex;
	justify-content: center;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.relative {
	position: relative;
}

.items-center {
	align-items: center;
}

.border-b {
	border-bottom: 1rpx solid #F5F5F5;
}

/* 字体样式 */
.line-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.placeholderClass {
	color: #bbbbbb;
	font-size: 28rpx;
}

.text-end {
	text-align: right;
}

.fontBold {
	font-weight: bold;
}

.overflow {
	overflow: hidden;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.color-red {
	color: #f00;
}
.color-bule {
	color: #3783f8;
}

.color-333 {
	color: #333333;
}
.color-999 {
	color: #999999;
}
.color-666 {
	color: #666666;
}

.color-BBB {
	color: #BBBBBB;
}

.color-text-mark {
	color: #f00;
}

.radius {
	border-radius: 50%;
}

.hasNoMore {
	font-size: 28rpx;
	color: #999999;
	padding: 20rpx 0;
	text-align: center;
}

.default-icon {
	width: 472rpx;
	height: 472rpx;
	margin-top: 168rpx;
}

.default-tips {
	padding-top: 30rpx;
	font-size: 28rpx;
	color: #333333;
}

.font-semibold {
	font-weight: 600;
}

.font-bold {
	font-weight: bold;
	font-size: 32rpx;
	color: #222222;
}

.u-textarea {
	border: none !important;
	background: #f5f5f5 !important;
}

.pb-40 {
	padding-bottom: 40rpx;
}

.w100 {
	width: 100%;
}




$MAX:50;
@for $i from 6 to $MAX {
  .padding-t-#{$i} {
    padding-top: $i + rpx;
  }
};
@for $i from 6 to $MAX {
  .padding-b-#{$i} {
    padding-bottom: $i + rpx;
  }
};
@for $i from 6 to $MAX {
  .padding-l-#{$i} {
    padding-left: $i + rpx;
  }
};
@for $i from 6 to $MAX {
  .padding-r-#{$i} {
    padding-right: $i + rpx;
  }
};

@for $i from 6 to $MAX {
  .margin-t-#{$i} {
    margin-top: $i + rpx;
  }
};
@for $i from 6 to $MAX {
  .margin-b-#{$i} {
    margin-bottom: $i + rpx;
  }
};
@for $i from 6 to $MAX {
  .margin-l-#{$i} {
    margin-left: $i + rpx;
  }
};
@for $i from 6 to $MAX {
  .margin-r-#{$i} {
    margin-right: $i + rpx;
  }
};